import { FC, PropsWithChildren } from 'react';

type Props = {
  title: string;
};

export const InfoBlock: FC<PropsWithChildren<Props>> = ({ title, children }) => {
  return (
    <section style={{ marginBottom: 20 }}>
      <h2 style={{ fontSize: 20, fontWeight: 'bold', color: '#222222', marginBottom: 20 }}>
        {title}
      </h2>
      <div
        style={{
          display: 'grid',
          gridTemplateColumns: 'repeat(6, 1fr)',
          rowGap: 30,
        }}
      >
        {children}
      </div>
    </section>
  );
};
